				<link rel="stylesheet" type="text/css" href="css/dftree.css">
				<link rel="stylesheet" type="text/css" href="css/lightbox.css">
				<script type="text/javascript" src="scripts/prototype.js"></script>
				<script type="text/javascript" src="scripts/lightbox.js"></script>
				<!-- script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script  -->
				<script type="text/javascript" src="scripts/dftree.js"></script>
				<script type="text/javascript" src="scripts/ajax.js"></script>
				
				<script type="text/javascript" src="scripts/model.js"></script>
				<script type="text/javascript" src="scripts/package.js"></script>
				<script type="text/javascript" src="scripts/primitiveType.js"></script>
				<script type="text/javascript" src="scripts/enumeration.js"></script>
				<script type="text/javascript" src="scripts/enumerationLiteral.js"></script>
				<script type="text/javascript" src="scripts/class.js"></script>
				<script type="text/javascript" src="scripts/property.js"></script>
				<script type="text/javascript" src="scripts/operation.js"></script>
				<script type="text/javascript" src="scripts/parameter.js"></script>
				<script type="text/javascript" src="scripts/comment.js"></script>
				<script type="text/javascript" src="scripts/primitiveTypes.js"></script>
				<script type="text/javascript" src="scripts/tag.js"></script>
				
				<script type="text/javascript">
					var objectHTTPXML = createHTTPXMLObject()
					var xIDTmp
					var modelID = '{{ model_key }}'
					
					function createNewNode(xIDParent, xID, name, link, open, closed){
						tree.add(new dNode({id: xID,caption: name, url: link, iconOpen: open, iconClosed: closed}),xIDParent);
					}
					
					function changeName(_id, _caption){
						tree.alter({id: _id, caption: _caption})
					}
					
					function remove(id){
						tree.remove(tree.getNodeById(id))
					}		
				</script>
				
				<div id="divTL" style="position: absolute; float: right; display: none;" width="700px">
					<table width="100">
						<tr bgcolor="red">
							<td>
								<font color="white"><strong>Receiving data...</strong></font>
							</td>
						</tr>
					</table>
				</div>
				
				<table align="center" width="100%">
				<tr>
					<td colspan="2" align="center">
				    	<h1>metaWAKAME</h1>
				    </td>
				</tr>
				<tr>
					<td width="200px" valign="top">
						<script type="text/javascript">
							tree = new dFTree({name: 'tree', icondir: 'images', useIcons: true});
							{{ menu }}
							tree.draw();
						</script>
				    </td>
					<td valign="top">
						<div id="divBody"></div>
				    </td>
				</tr>
				</table>
				<div id="box1" style="display: none">
				    <table width="100%" bgcolor="#FF0000">
				        <tr>
				            <td colspan="3" align="center">
				                &nbsp;
				            </td>
				        </tr>
				        <tr>
				            <td colspan="3" align="center">
				                <span style="font-family: Bell MT"><em>Loading data...</em></span>
				            </td>
				        </tr>
				        <tr>
				            <td colspan="3" align="center">
				                &nbsp;
				            </td>
				        </tr>
				    </table>
				</div>
